<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=23)">
	<title>首页</title>
	<link rel="stylesheet" href="./node_modules/bootstrap/dist/css/bootstrap.css">
	<link rel="stylesheet" href="./css/index.css">
	<link rel="stylesheet" href="./node_modules/fullpage.js/dist/jquery.fullpage.css">
	<link rel="stylesheet" href="./css/loading.css">
	<link rel="stylesheet" href="./css/animation.css">

	<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
	<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
	<!--[if lt IE 9]>
      <script src="//cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="//cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->


</head>

<body>
	<div id='loading-animate' class="loading-animate">
		<div id="preloader-4">
			<span></span>
			<span></span>
			<span></span>
			<span></span>
			<span></span>
		</div>
	</div>
	<div class="body-bg"></div>
	<div class="navbar navbar-inverse navbar-custom">
		<div class="container-fluid">
			<div class="navbar-header">
				<button class="navbar-toggle collapsed" data-toggle="collapse" data-target="#index-header-navbar-collapse">
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
				</button>
				<a href="##" class="navbar-brand">
					我的简历</a>
			</div>
			<div class="collapse navbar-collapse" id="index-header-navbar-collapse">
				<ul class="nav navbar-nav navbar-right">
					<li></li>
					<li><a href="#page1">关于我</a></li>
					<li><a href="#page2">职业技能</a></li>
					<li><a href="#page3">项目经验</a></li>
					<li><a href="##" id="control_menu" class="control-menu">功能 <span class="glyphicon glyphicon glyphicon-list"></span></a></li>
				</ul>
			</div>
		</div>
	</div>
	<div id="fullpage">
		<div class="page-item" data-page=1>
			<div class="container jumbotron-wrapper">
				<div class="row">
					<div class="col-md-6 col-md-offset-3">
						<h1 class="text-center">关于我</h1>
						<div class="row">
							<div class="col-md-4 col-xs-4">
								<a href="#" class="thumbnail">
      									<img src="./images/IMG_20170503_151330.jpg" alt="...">
    								</a>
							</div>
							<div class="col-md-8 col-xs-8">
								<ul class="list-group">
									<li class="list-group-item">姓名(Name)：晏思凯</li>
									<li class="list-group-item">性别(Sex)：男</li>
									<li class="list-group-item">联系电话(Tel)：18723075112</li>
									<li class="list-group-item">电子邮箱(e-Mail):yansk@live.com</li>
									<li class="list-group-item">QQ:49907186</li>
									<li class="list-group-item">需求职位：Web前端开发工程师</li>
								</ul>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="page-item" data-page=2>
			<div class="container-fluid">
				<div class="row page-title">
					<div class="col-md-12 col-xs-12">
						<h1 class="text-center ">职业技能</h1>
					</div>
				</div>
				<div class="row page-content">
					<div class="col-md-4 col-xs-12 col-ms-6">
						<div class="panel panel-default">
							<div class="panel-body">
								<h2>HTML</h2>
								<div class="col-md-2">
									<img src="./images/html5.png" class="img-responsive">
								</div>
								<div class="col-md-10">
									熟练HTML/XHTML标记语言<br> 熟练HTML熟悉盒模型和各类布局方式、 能够根据设计图实现页面布局和交互效果<br> 对HTML5 移动web应用有一定的了解<br> 能够使用jade(pug)构建页面
									<br>
								</div>

							</div>
						</div>
					</div>
					<div class="col-md-4 col-xs-12 col-ms-6">
						<div class="panel panel-default">
							<div class="panel-body">
								<h2>CSS</h2>

								<div class="col-md-2">
									<img src="./images/css3.png" class="img-responsive">
								</div>
								<div class="col-md-10">
									熟练运用css<br> 比较熟悉css3标准，能够在文档的帮助下独立解决常见兼容性问题
									<br> 可以使用css3完成基本的动画效果
									<br> 熟悉Bootstrap布局页面
									<br>基本了解less、sess等css预处理语言。<br> 熟悉flash操作,可以用Adobe Animate CC制作canvas动画<br>
								</div>
							</div>
						</div>
					</div>
					<div class="col-md-4 col-xs-12 col-ms-6">
						<div class="panel panel-default">
							<div class="panel-body">
								<h2>Javascript</h2>
								<div class="col-md-2">
									<img src="./images/js.png" class="img-responsive">
								</div>
								<div class="col-md-10">
									比较熟悉原生js、jquery框架的使用，对dom的操作,ajax的使用，能够在文档的帮助下解决各种兼容性问题<br> 能根据需求实现交互效果
									<br> 比较熟悉node.js的基本操作,能够使用express完成小型网站的开发
									<br>
								</div>

							</div>
						</div>
					</div>
					<div class="col-md-12 col-xs-12 col-ms-6">
						<div class="panel panel-default">
							<div class="panel-body">
								<h2>工具</h2>
								<div class="col-md-2 col-xs-2">
									<img src="./images/js.png" class="img-responsive">
								</div>
								<div class="col-md-10 col-xs-10">
									熟悉Photoshop、Flash、office等软件的操作<br> 熟悉Sublime Text3、Dreamweaver、VS Code、VS等编辑器、IDE的使用<br> 能够使用自动化构建工具gulp提高效率
									<br> 熟悉git的基本操作
									<br> 熟练使用firebug，chrome调试工具调试代码
									<br>
								</div>
							</div>
						</div>
					</div>
				</div>



			</div>

		</div>
		<div class="page-item" id="project_display" data-page=3>
			<div class="container-fluid">
				<div class="row">
					<h1 class="text-center">项目展示</h1>
				</div>
			</div>
			<div class="slide">
				<div class="container-fluid box">
					<div class="row">
						<div class="col-md-8 left">
							<div class="img-box">
								<img src="./images/jd1.jpg" alt="">
								<img src="./images/jd2.jpg" alt="">
								<img src="./images/jd3.jpg" alt="">
							</div>
						</div>
						<div class="col-md-4">
							<div class="panel panel-default">
								 <div class="panel-heading"><h3>京东首页Demo</h3><h4><a href="./exp_jingdong/views/index.html">链接</a></h4></div>
								<div class="panel-body">
									express框架下编写，数据是写在json里ajax获取。所有功能特效全部手打。
									<h4><a href="http://git.oschina.net/iwe/demo" target="_blank">源码</a></h4>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="slide">
				<div class="container-fluid box">
					<div class="row">
						<div class="col-md-8 left">
							<div class="img-box">
								<img src="./images/pz4.jpg" alt="">
								<img src="./images/pz2.jpg" alt="">
								<img src="./images/pz3.jpg" alt="">
							</div>
						</div>
						<div class="col-md-4">
							<div class="panel panel-default">
								 <div class="panel-heading"><h3>植物大战僵尸(Flash)Demo</h3><h4><a href="demo_flash.html">链接</a></h4></div>
								<div class="panel-body">
									在校期间用做的，有小bug。
									<h4><a href="http://git.oschina.net/iwe/demo" target="_blank">源码</a></h4>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="slide">
				<div class="container-fluid box">
					<div class="row">
						<div class="col-md-8 left">
							<div class="img-box">
								<img src="./images/web.jpg" alt="">
								<img src="./images/web2.jpg" alt="">
								<img src="./images/web3.jpg" alt="">
							</div>
						</div>
						<div class="col-md-4">
							<div class="panel panel-default">
								 <div class="panel-heading"><h3>一个企业网站</h3></div>
								<div class="panel-body">
									<p>在校期间做的第一个上线的项目，服务端为ASP.NET,数据库Sql Server。由前台页面和后台商品管理两部分构成。两人负责。</p>
									<p>本人主要负责：</p>
									<p>-根据设计图完成页面的制作，没有设计图的部分自己设计并完成；</p>
									<p>-数据库的设计、建表并填写数据；</p>
									<p>-对图片素材的处理；</p>
									<p>-完成京东店铺的装修；<p>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="slide">
				<div class="container-fluid box">
					<div class="row">
						<div class="col-md-8 left">
							<div class="img-box">
								<img src="./images/wb.jpg" alt="">
								<img src="./images/wb3.jpg" alt="">
								<img src="./images/wb4.jpg" alt="">
							</div>
						</div>
						<div class="col-md-4">
							<div class="panel panel-default">
								 <div class="panel-heading"><h3>新浪微博主页Demo</h3></div>
								<div class="panel-body">
									<p>用的bootstrap搭的响应式页面</p>
									<p>用静态json文件做数据填充</p>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="page-item" data-page=4>
			<div class="container-fluid">
				<div class="row">
					<div class="footer">
						<div class="container">
							<div class="row">
								<div class="col-md-3 col-xs-4">
									<div class="list-group line-block">
										<a href="##" class="list-group-item">暂时没有内容</a>
										<a href="##" class="list-group-item">暂时没有内容</a>
										<a href="##" class="list-group-item">暂时没有内容</a>
										<a href="##" class="list-group-item">暂时没有内容</a>
									</div>
								</div>
								<div class="col-md-3 col-xs-4">
									<div class="list-group">
										<a href="##" class="list-group-item">暂时没有内容</a>
										<a href="##" class="list-group-item">暂时没有内容</a>
										<a href="##" class="list-group-item">暂时没有内容</a>
										<a href="##" class="list-group-item">暂时没有内容</a>
									</div>
								</div>
								<div class="col-md-3 col-xs-4">
									<div class="list-group">
										<a href="##" class="list-group-item">暂时没有内容</a>
										<a href="##" class="list-group-item">暂时没有内容</a>
										<a href="##" class="list-group-item">暂时没有内容</a>
										<a href="##" class="list-group-item">暂时没有内容</a>
									</div>
								</div>
								<div class="col-md-3 col-xs-12 divider">
									<h2 class="text-center">&copy 2016 <br><span class="glyphicon glyphicon-book"></span><strong>Hello World!</strong></h2>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>

	<div class="main-item-color"></div>
	<div class="menu-sidebar" id="menu_sidebar">
		<div class="sideber-mask" id="sidebar-mask"></div>
		<ul class="nav nav-default sidebar-ul pull-right text-center">
			<div class="list-group sidebar-header-group">
				<a href="##" class="list-group-item">
					<i class="icon-header"></i>
				</a>
				<a href="##" class="list-group-item">这里是什么</a>
			</div>
			<li>
				<hr class="custom-one" />
			</li>
			<li><a href="##">功能一</a></li>
			<li><a href="##">功能一</a></li>
			<li><a href="##">功能一</a></li>
			<li><a href="##">功能一</a></li>
		</ul>
	</div>
	<a href="##" class="btn btn-default back-to-top" id="back_to_top"><span class="glyphicon glyphicon-chevron-up"></span>TOP</a>
</body>
<script src="./node_modules/jquery/jquery.1.9.1.js"></script>
<script src="./node_modules/move-js/move.js"></script>
<script src="./node_modules/iscroll/build/iscroll.js"></script>
<script src="./node_modules/fullpage.js/dist/jquery.fullpage.js"></script>

<script src="./node_modules/bootstrap/dist/js/bootstrap.js"></script>
<script src="./js/index.js"></script>
<script>
	$(window).load(function () {
		$('#loading-animate').addClass('loading-animate');
	});

</script>

</html>